<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Kontakty - Výroba vizitek na míru ...</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){
	$('#contactform').submit(function(){				  
		var action = $(this).attr('action');
		$.post(action, { 
			name: $('#name').val(),
			email: $('#email').val(),
			company: $('#company').val(),
			subject: $('#subject').val(),
			message: $('#message').val()
		},
			function(data){
				$('#contactform #submit').attr('disabled','');
				$('.response').remove();
				$('#contactform').before('<p class="response">'+data+'</p>');
				$('.response').slideDown();
				if(data=='Message sent!') $('#contactform').slideUp();
			}
		); 
		return false;
	});
});
// ]]>
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
</script>
</head>
<body>
<div class="main">
  <div class="header">
    <div class="block_header">
      <div class="logo"><a href="/">vizitky.</b><b style="color:#FFF"><img src="images/boxdesign-logo.gif" alt="logo boxdesign.cz" width="88" height="56" border="0" align="absmiddle" class="output" /></b>.cz</a></div>
      <div class="Twitter"><a href="https://www.facebook.com/" target="_blank" onmouseover="MM_swapImage('facebook.com','','images/social-icons/facebook.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/social-icons/facebook-bw.png" alt="facebook.com - odkaz vede mimo web" name="facebook.com" width="30" height="30" border="0" class="Twitter-imgicon" id="Image5" /></a><a href="http://twitter.com/" target="_blank" onmouseover="MM_swapImage('twitter.com','','images/social-icons/twitter.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/social-icons/twitter-bw.png" alt="twitter.com - odkaz vede mimo web" name="twitter.com" width="30" height="30" border="0" class="Twitter-imgicon" id="twitter.com" /></a><a href="http://www.flickr.com/" target="_blank" onmouseover="MM_swapImage('flickr.com','','images/social-icons/flickr.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/social-icons/flickr-bw.png" alt="flickr.com - odkaz vede mimo web" name="flickr.com" width="30" height="30" border="0" class="Twitter-imgicon" id="flickr.com" /></a></div>
      <div class="clr"></div>
      <div class="menu">
        <ul>
          <li><a href="index.html" title="Hlavní strana">Hlavní strana</a></li>
          <li><a href="o-nas.html" title="O nás">Portfolio / O nás</a></li>
          <li><a href="osobni.html" title="Osobní vizitky">Osobní vizitky</a></li>
          <li><a href="firemni.html" title="Firemní vizitky">Firemní vizitky</a></li>
          <li><a href="http://blog.radekkolar.cz/" title="tento odkaz vede mimo web" target="_blank">Blog</a></li>
          <li><a href="kontakty.html" title="Kontakty" class="active">Kontakty</a></li>
        </ul>
      </div>
    </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="slider2">
    <div class="slice12">
      <h2>Kontakty</h2>
    </div>
  </div>
  <div class="clr"></div>
  <div class="body">
    <div class="body_resize">
    <div class="News">
    <h2>Kontaktní osoby</h2>
    <p><strong>Radek Kolář, DiS.</strong></p>
    <div class="bg"></div>
    <p>Grafik</p>
    <p><strong>+420 739 413 387<br />
      kolar@boxdesign.cz<br />
      Skype: rad-cz</strong></p>
    <p>&nbsp;</p>
<p><strong>Jakub Lattenberg</strong></p>
    <div class="bg"></div>
    <p>Programátor</p>
   
    <p><strong>+420 775 023 136<br />
  lattenberg@boxdesign.cz<br />
Skype: latiss</strong></p>
    <p>&nbsp;</p>
    </div>
    <div class="Welcome-text">
      <h2>Kontaktní formulář</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
      <div class="bg"></div>
      <form action="kontakt/kontakt.php" method="post" id="contactform">
            <ol>
              <li>
                <label for="name">Jméno a příjmení <span class="red">*</span></label>
                <input id="name" name="name" class="text" />
              </li>
              <li>
                <label for="email">E-mail<span class="red"> *</span></label>
                <input id="email" name="email" class="text" />
              </li>
              <li>
                <label for="company">Další kontakt</label>
                <input id="company" name="company" class="text" />
              </li>
              <li>
                <label for="subject">Předmět</label>
                <input id="subject" name="subject" class="text" />
              </li>
              <li>
                <label for="message">Zpráva <span class="red">*</span></label>
                <textarea id="message" name="message" rows="6" cols="50"></textarea>
              </li>
              <input type="submit" name="button" id="button" value="Odeslat" />
          </ol>
        </form>
    </div>
    <div class="clr"></div>
    </div>
    <div class="clr"></div>
  </div>
  <div class="footer">
    <div class="resize">
      <div>
        <p class="footer_logo"><a href="#www-boxdedign_cz"><img src="images/boxdesign-logo.gif" alt="logo" width="70" height="46" border="0" longdesc="/" /></a></p>
        <p>© Copyright 2011 || <a href="/">vizitky.boxdesign.cz</a> || Všechna práva vyhrazena<br />
        <a href="index.html">Hlavní strana</a> | <a href="contact.html">Kontakty</a> | <a href="#top"><img src="images/top-ico.gif" alt="top" width="7" height="13" border="0" align="absbottom" /></a> <a href="#top">Nahoru</a> | <a href="#RSS">RSS</a></p>
      </div>
    </div>
    <p class="clr"></p>
  </div>
</div>
</body>
</html>